Page({
  data: {
    repairHouseName: '', // 维修的房屋
    repairItemName: '', // 维修的项目
    currentDate: new Date().getTime(),
    houseLayerVisible: false,
    repairLayerVisible: false,
    dateLayerVisible: false,
    houseList: [
      // { name: '北京西三旗花园1号楼 101' },
      // { name: '北京东村家园3号楼 302' },
      // { name: '北京育新花园3号楼 703' },
      // { name: '北京天通苑北苑8号楼 403' },
    ],
    repairItem: [
      // { name: '水路卫浴' }, { name: '电路灯具' }, { name: '管道疏通' }, { name: '开锁换锁' }
    ],
    attachment: [
      // { url: '/repair_pkg/static/uploads/attachment.jpg' },
      // { url: '/repair_pkg/static/uploads/attachment.jpg' },
    ],
  },
  onLoad({ id }) {
    // 获取房屋列表
    this.getHouseList()
    this.getRepairItem()
    if (id) {
      // 更新标题
      wx.setNavigationBarTitle({ title: '修改报修信息' })
      this.getRepairDeta(id)
    }
  },
  openHouseLayer() {
    this.setData({ houseLayerVisible: true })
  },
  closeHouseLayer() {
    this.setData({ houseLayerVisible: false })
  },
  openRepairLayer() {
    this.setData({ repairLayerVisible: true })
  },
  closeRepairLayer() {
    this.setData({
      repairLayerVisible: false,
    })
  },

  openDateLayer() {
    this.setData({ dateLayerVisible: true })
  },
  closeDateLayer() {
    this.setData({ dateLayerVisible: false })
  },
  // 选择报修房屋
  onselectHouse(e) {
    const { name, id: houseId } = e.detail
    // console.log(id);
    // console.log(name);
    this.setData({
      repairHouseName: name,
      houseId
    })
  },
  // 选择维修项目
  onRepairItem(e) {
    const { name, id } = e.detail
    // console.log(name);
    this.setData({
      repairItemName: name,
      repairItemId: id
    })
  },
  //预约时间
  onselectDate(e) {
    const time = e.detail; // 获取时间戳
    // console.log(time); // 输出时间戳

    // 将时间戳转换为可读格式
    const date = new Date(time); // 创建 Date 对象

    // 格式化为字符串
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以需加1
    const day = String(date.getDate()).padStart(2, '0');
    // 可以自定义你想要的格式，例如 "YYYY-MM-DD"
    const formattedDate = `${year}-${month}-${day}`;

    // console.log(formattedDate); // 最终输出可读的日期格式
    // appointment更改
    this.setData({
      appointment: formattedDate,
      dateLayerVisible: false
    })
  },
  // 删除图片
  onDelete(event) {
    const { index } = event.detail;
    const { attachment } = this.data;
    attachment.splice(index, 1);
    this.setData({
      attachment
    });
  },
  // 上传图片
  onafterRead(event) {
    // console.log(event);
    const { file } = event.detail
    // console.log(file);
    wx.uploadFile({
      filePath: file.url,
      name: 'file',
      url: 'https://live-api.itheima.net/upload',
      // 仅为示例，非真实的接口地址
      header: {
        Authorization: `Bearer ${getApp().token}`
      },
      success: (res) => {
        //将服务器响应回来的数据转换为 对象
        const { data } = JSON.parse(res.data)
        const { attachment = [] } = this.data
        attachment.push({ ...data })
        // console.log(attachment);
        //将attachment 保存到 this.data里面
        this.setData({
          attachment
        })
      }
    })
  },
  //获取房屋列表
  async getHouseList() {
    // 请求数据接口
    const { data } = await wx.http.get('/house')
    // console.log(data);
    // 数据渲染
    this.setData({ houseList: data })
  },
  async getRepairItem() {
    // 请求数据接口
    const { data } = await wx.http.get('/repairItem')

    // 数据渲染
    this.setData({ repairItem: data })
  },
  // 验证房屋报修
  checkHouse() {
    const valid = Boolean(this.data.houseId)
    if (!valid) wx.utils.toast('请选择需要报修的房屋')
    return valid
  },
  //验证报修项目
  checkRepair() {
    const valid = Boolean(this.data.repairItemId)
    // 验证结果提示
    if (!valid) wx.utils.toast('请选择维修项目!')
    // 返回验证结果
    return valid
  },
  // 验证手机号--model:value="{{mobile}}"
  checkMobile() {
    const reg = /^[1][3-8][0-9]{9}$/
    const valid = reg.test(this.data.mobile)
    // 验证结果提示
    if (!valid) wx.utils.toast('请填写正确的手机号码!')
    // 返回验证结果
    return valid
  },
  //验证日期
  checkDate() {
    // 定义正则 日期的格式 2024-09-01
    const reg = /^\d{4}[-]\d{2}[-]\d{2}$/
    const valid = reg.test(this.data.appointment)
    if (!valid) wx.utils.toast('请选择预约日期')
    return valid
  },
  //问题描述
  checkDesc() {
    const valid = Boolean(this.data.description)
    if (!valid) wx.utils.toast('请填写问题描述')
    return valid
  },
  // 校验是否选择了问题的附件
  checkAttachment() {
    const valid = this.data.attachment.length > 0
    if (!valid) wx.utils.toast('请上传问题的附件')
    return valid
  },
  //修改报修的获取报修信息
  async getRepairDeta(id) {
    if (!id) return
    const res = await wx.http.get('/repair/' + id)
    // console.log(res);
    this.setData({
      ...res.data
    })
  },
  //提交报修
  async goList() {
    if (!this.checkHouse()) return
    if (!this.checkRepair()) return
    if (!this.checkMobile()) return
    if (!this.checkDate()) return
    if (!this.checkDesc()) return
    if (!this.checkAttachment()) return
    // console.log(this.data);
    // 解构获取接口需要的参数
    const { houseId, repairItemId, appointment, mobile, description, attachment, id } = this.data

    // console.log("houseId:", houseId);
    // console.log("repairItemId:", repairItemId);
    // console.log("appointment:", appointment);
    // console.log("mobile:", mobile);
    // console.log("description:", description);
    // console.log("attachment:", attachment);
    // 请求数据接口
    await wx.http.post('/repair', {
      houseId,
      repairItemId,
      appointment,
      mobile,
      description,
      attachment,
      id
    })
    // 跳转到表单列表页面
    wx.redirectTo({
      url: '/repair_pkg/pages/list/index',
    })
    // wx.reLaunch({
    //   url: '/repair_pkg/pages/list/index',
    // })
  },
})
